

<template>
  <div v-for="item in list" :key="item.id">
    id是:{{ item.id }} --- 元素的内容是：{{ item.message }}
  </div>
</template>
<script setup>
import { reactive } from 'vue'
const list = reactive([
  { id: 1, message: '梅', }, { id: 2, message: '兰', },
  { id: 3, message: '竹', }, { id: 4, message: '菊', }
])
</script>


<style scoped>

</style>
